<ons-page ng-controller="registerController">
    <ons-toolbar>
        <div class="left">
            <ons-back-button></ons-back-button>
        </div>
        <div class="center">注册</div>
    </ons-toolbar>
    <div class="container register">
        <ons-list class="register-form">
            <ons-list-item class="list__item list__item__line-height">
                <input ng-model="user.membermobile" class="text-input text-input--transparent" placeholder="请输入您的手机号"/>
            </ons-list-item>
            <ons-list-item class="list__item list__item__line-height">
                <input class="text-input text-input--transparent" placeholder="请输入验证码"/>

                <ons-button class="otp-btn">获取验证码</ons-button>
            </ons-list-item>
            <ons-list-item class="list__item list__item__line-height">
                <input ng-model="user.memberPwd" class="text-input text-input--transparent" placeholder="请输入密码"/>
            </ons-list-item>
            <ons-list-item class="list__item list__item__line-height">
                <input ng-model="user.detailName" class="text-input text-input--transparent" placeholder="请输入您的姓名"/>
            </ons-list-item>
        </ons-list>
        <div class="sex-selector">
            <ons-button class="btn left col-4" ng-click="selectMale()"
                        ng-class="{true: 'btn left col-4 selected', false: 'btn left col-4'}[sex]">
                <div class="img"><img src="ico/sex/male.png"/></div>
                <div class="text">先生</div>
            </ons-button>
            <ons-button class="btn right col-4" ng-click="selectFemale()"
                        ng-class="{true: 'btn right col-4', false: 'btn right col-4 selected'}[sex]">
                <div class="img"><img src="ico/sex/female.png"/></div>
                <div class="text">女士</div>
            </ons-button>
            <div class="clear_both"></div>
        </div>

        <div class="btn-group register">
            <ons-button modifier="large" class="register-button" ng-click="registerUser()">注册</ons-button>
        </div>
    </div>
</ons-page>